{extend name="common@base/common" /}
{block name="style"}
<link href="__CSS__/main.min.css" type="text/css" rel="stylesheet">
{/block}
{block name="body"}
{include file="muushop/public/_nav"/}
<div id="main-container" class="container">
	<div class="col-md-2">
		<!--用户中心导航-->
		{include file="muushop/user/_nav"/}
	</div>

	<div class="col-md-10 user_common_section">
		<div class="common_box main_title">
			<h3>优惠券</h3>
		</div>
		<div class="common_box margin-top-10 clearfix">
			{notempty name="coupon"}
			<section class="coupon-section">
			<div class="row">
	            {volist name="coupon" id="data"}
	            <div class="col-md-4">
					<div class="item" data-title="{$data.info.title}" data-id={$data.id}>
						<span class="ico"></span>
						<div class="info clearfix">
							<div class="discount"><span>¥</span>{$data.discount}</div>

							<div class="other">
								{notempty name="data.min_price"}
								<span>满<span>¥</span>{$data.min_price}可用</span>
								{/notempty}
							</div>
						</div>

						<div class="end_time">
							{eq name="data.expire_time" value="0"}
								有效期至：永久
							{else /}
								有效期至：{$data.expire_time|time_format}
							{/eq}
							
						</div>
						<div class="receive"><a data-role="get-coupon" data-url="{:url('muushop/Api/getCoupon',['id'=>$data.id])}">立即使用 >></a></div>
					</div>
				</div>
	            {/volist}
	        </div>
	        <div class="text-right page">
		      {$page}
		    </div>
		    </section>
	        {else /}
	            无可用优惠卷...
	        {/notempty}

	    </div>
	</div>
</div>
{/block}